@charset "UTF-8";
/* -------- Media Quelies -------- */

@media screen and (min-width: 0px) and (max-device-width: 320px) and (orientation: portrait) {
	body {
		width:320px;
	}
	img {
		max-width: 290px;
		height: auto;
	}
	h1, h2 {
		font-size: 24px;
	}
	h3, .hfix {
		font-size: 16px;
	}
	.fixsig_img {
		width: 40%;
		height: auto;
	}
	.contentheader, .contentsignature, .contentnavi, .contentslide, .contentsub, .contentabout, .contentmain, .footer {
		width: 290px;
	}
	#wrappernavi {
		background-color: #fff;
		border-top: none;
		padding: 3px 0;
	}
	.contentnavi {
		font-family: 'asenine';
		font-size: 16px;
	}
	
	.fixp_img {
		width: 60%;
		height: auto;
	}
	.jplang {
		font-size: 16px;
	}
	.footer {
		font-size: 12px;
	}
	
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: none;
		width: 100%;
	}
	
	
	.lefter, .righter {
		float: none;
		width: 100%;
	}
	.lefter {
		padding:0;
		border: none;
	}
	.righter {
		font-size:100%;
	}
	
	
	.imageleft img, .imageright img {
		float: none;
		margin: 0;
	}
	
	.mqfix {
		text-align: center;
	}
	
	ul {
		margin-left: 1%;
	}
	
	.pdtleft, .pdtright {
		float: none;
		width: 100%;
	}
	
	.right {
		text-align:left;
	}
	
	
	.bx-controls-direction a {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
		background: none;
	}
}
@media screen and (min-width: 321px) and (max-device-width: 375px) and (orientation: portrait) {
	body {
		width:375px;
	}
	img {
		max-width: 355px;
		height: auto;
	}
	h1, h2 {
		font-size: 24px;
	}
	h3, .hfix {
		font-size: 16px;
	}
	.fixsig_img {
		width: 40%;
		height: auto;
	}
	.contentheader, .contentsignature, .contentnavi, .contentslide, .contentsub, .contentabout, .contentmain, .footer {
		width: 355px;
	}
	#wrappernavi {
		background-color: #fff;
		border-top: none;
		padding: 3px 0;
	}
	.contentnavi {
		font-family: 'asenine';
		font-size: 16px;
	}
	
	.fixp_img {
		width: 60%;
		height: auto;
	}
	.jplang {
		font-size: 16px;
	}
	.footer {
		font-size: 12px;
	}
	
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: none;
		width: 100%;
	}
	
	
	.lefter, .righter {
		float: none;
		width: 100%;
	}
	.lefter {
		padding:0;
		border: none;
	}
	.righter {
		font-size:100%;
	}
	
	
	.imageleft img, .imageright img {
		float: none;
		margin: 0;
	}
	
	.mqfix {
		text-align: center;
	}
	
	ul {
		margin-left: 1%;
	}
	
	.pdtleft, .pdtright {
		float: none;
		width: 100%;
	}
	
	.right {
		text-align:left;
	}
	
	
	.bx-controls-direction a {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
		background: none;
	}
}

@media screen and (min-width: 0px) and (max-device-width: 480px) and (orientation: landscape) {
	body {
		width:480px;
	}
	img {
		max-width: 460px;
		height: auto;
	}
	h1, h2 {
		font-size: 24px;
	}
	h3, .hfix {
		font-size: 16px;
	}
	
	.fixsig_img {
		width: 40%;
		height: auto;
	}
	.contentheader, .contentsignature, .contentnavi, .contentslide, .contentsub, .contentabout, .contentmain, .footer {
		width: 460px;
	}
	.contentnavi {
		font-size: 16px;
	}
	#nav a {
		padding: 10px 20px;
	}
	.fix3lines_img {
		width: 120%;
		height: auto;
	}
	
	.fixp_img {
		width: 60%;
		height: auto;
	}
	.jplang {
		font-size: 18px;
	}
	.footer {
		font-size: 12px;
	}
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: left;
		width: 35%;
	}
	.fcol_right {
		width: 30%;
	}
	
	
	.lefter , .righter {
		float: none;
		width: 100%;
	}
	.lefter {
		padding:0;
		border: none;
	}
	.righter {
		font-size:100%;
	}
	
	
	.imageleft img, .imageright img {
		float: left;
		margin: 0;
	}
	.imageright img {
		float: none;
	}
	
	
	.mqfix {
		text-align: center;
	}
	ul {
		margin: 0;
	}
	.bx-controls-direction a {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
		background: none;
	}
}

@media screen and (min-width: 376px) and (max-device-width: 768px) and (orientation:portrait) {
	body {
		width:768px;
	}
	img {
		max-width: 748px;
		height: auto;
	}
	h1, h2 {
		font-size: 24px;
	}
	h3, .hfix {
		font-size: 16px;
	}
	.fixsig_img {
		width: 40%;
		height: auto;
	}
	
	
	.contentheader, .contentsignature, .contentnavi, .contentslide, .contentsub, .contentabout, .contentmain, .footer {
		width: 748px;
	}
	.contentnavi {
		font-size: 16px;
	}
	#nav a {
		padding: 10px 20px;
	}
	.fix3lines_img {
		width: 120%;
		height: auto;
	}
	
	.fixp_img {
		width: 60%;
		height: auto;
	}
	.jplang {
		font-size: 18px;
	}
	
	.fcol_left, .fcol_cent, .fcol_right {
		float: left;
		width: 35%;
	}
	.fcol_right {
		width: 30%;
	}
	
	
	.lefter, .righter {
		float: none;
		width: 100%;
	}
	.lefter {
		padding:0;
		border: none;
	}
	.righter {
		font-size:100%;
	}
	
	
	.imageleft img, .imageright img {
		float: right;
		margin: 0;
	}
	
	.mqfix {
		text-align: center;
	}
	
	.bx-controls-direction a {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
		background: none;
	}
}